<div class="panel panel-default layer-container" [style.height]="LayersListHeight.toString()+'px'">
    <div class="panel-heading" >Layers</div>
    <div class="panel-body layers-list-body" [style.height]="(LayersListHeight-45).toString()+'px'">
      <ul>
       <li *ngFor="let layer of LayerItems"  
        [class.active]="SelectedLayerItemId===layer.dataId" 
        [id]="layer.dataId" 
        (click)="onLayerItemClick(layer.dataId)">
           <i  (click)="onEyeClicked(layer,$event)" class="fa" 
           [class.fa-eye]="layer.visible"
            [class.fa-eye-slash]="!layer.visible"
            [class.layer-show]="layer.visible"></i>  {{layer.name}}</li>
      </ul>
    </div>
  </div>